<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>教程 - 棋士馆</title>
    <link rel="stylesheet" href="../css/教程.css">
</head>
<body>
    <!-- Header Section -->
    <header>
        <div class="logo">棋士馆</div>
        <div class="user-options">
            <a href="#">登录/注册</a>
            <a href="#">语言选择</a>
        </div>
    </header>

    <!-- Navigation Bar -->
    <nav>
        <ul>
            <li><a href="首页.html">首页</a></li>
            <li><a href="游戏.html">游戏</a></li>
            <li><a href="比赛.html">比赛</a></li>
            <li><a href="论坛.html">论坛</a></li>
            <li><a href="科普.html">科普</a></li>
            <li><a href="教程.html">教程</a></li>
            <li><a href="联系我们.html">联系我们</a></li>
        </ul>
    </nav>

    <!-- Tutorial Introduction Section -->
    <section class="tutorial-intro">
        <h1>围棋教程</h1>
        <p>欢迎来到围棋教程！在这里，你可以学习围棋的基本规则、策略技巧和一些进阶技巧。无论你是刚入门的新手，还是有一定经验的玩家，都能从本教程中获得帮助。</p>
        <p>通过图文并茂的方式，我们将带你一步一步掌握围棋的乐趣。</p>
    </section>

    <!-- Tutorial Index Section -->
    <section class="tutorial-index">
        <h2>教程目录</h2>
        <ul>
            <li><a href="#section1">第一章：围棋基础规则</a></li>
            <li><a href="#section2">第二章：基本棋形与技巧</a></li>
            <li><a href="#section3">第三章：围棋进阶策略</a></li>
            <li><a href="#section4">第四章：围棋比赛与实战</a></li>
        </ul>
    </section>

    <!-- Footer -->
    <footer>
        <p>© 2024 棋士馆 | 联系我们</p>
    </footer>
</body>
</html>
